<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
		<title>Scotiabank | Consejos - Ampliar o renovar</title>
		<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
		<!-- include the Tools -->
		<script type="text/javascript" src="../js/jquery.tools.min.js"></script>
		
		<!-- required CSS files -->
		<link rel="stylesheet" type="text/css" href="../css/grid.css" media="screen">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/overlay-basic.css">
		<link rel="stylesheet" type="text/css" href="../css/tabs-slideshow.css">
		
		<!-- contactenos -->
		<script type="text/javascript">
			function MM_openBrWindow(theURL, winName, features) {//v2.0
				window.open(theURL, winName, features);
			}

			/*function verInfo(ver01) {
			 var elemLevel2 = document.getElementById(ver01);
			 if(elemLevel2.style.display == 'none') {
			 elemLevel2.style.display = '';
			 } else {
			 elemLevel2.style.display = 'none';
			 }
			 }*/
		</script>
		<script type="text/javascript">
			$(document).ready(function(e) {
				window.setInterval(cambiarImagen, 3000)
				$("#galeria a").css("opacity", 0);
				$("#galeria a.sobre").css("opacity", 1);

				$("#galeria .descripcion").css("opacity", 0);
				$("#galeria .descripcion").animate({
					opacity : 0.7
				}, 1000);

				var titulo = $("#galeria a.sobre").find("img").attr("rel")
				$("#galeria .descripcion").html(titulo)
				function cambiarImagen() {
					var actual = $("#galeria a.sobre") ? $("#galeria a.sobre") : $("#galeria a:first");
					/*Asi se indica que la varible actual represente al vinculo que usa la clase sobre si es que existe, sino representará ala primer elemento*/
					var siguiente = actual.next().length ? (actual.next().hasClass("descripcion") ? $("#galeria a:first") : actual.next()) : $("#galeria a:first");
					//Con hasClass se está preguntando si determinado elemento tiene la clase "descripcion"
					siguiente.addClass("sobre");
					//Asi se le agrega la clase sobre
					actual.removeClass("sobre");
					//Asi se le quita la clase sobre

					siguiente.animate({
						opacity : 1
					}, 1000)
					actual.animate({
						opacity : 0
					}, 1000)
					var titulo = siguiente.find("img").attr("rel")
					/*$("#galeria .descripcion").html(titulo).css("opacity", 0).animate({
						opacity : 0.7
					}, 1000);*/
				}

				/* aquí inicia el query para el acordion de los subtitulos */
				/* esto hay que copiar en todas las páginas*/
				$('.accordion dd').hide();
				$('.accordion dt a').click(function() {
					if($(this).hasClass('selected')) {
						$(this).removeClass('selected');
						$(this).parent().next().slideUp();
					} else {
						$('.accordion dt a').removeClass('selected');
						$(this).addClass('selected');
						$('.accordion dd').slideUp();
						$(this).parent().next().slideDown();
					}
					return false;
				});
				/* aquí termina query de acordion*/

			});
		</script>
		<style type="text/css">
#galeria {
	width: 170px;
	height: 110px;
	position: relative;
}
#galeria a {
	float: left;
	position: absolute;
}
.sobre {
	z-index: 9;/*controla el nivel de profundidad, mayor valor esta encima*/
			}
.accordion {
 dt, dd {
 padding: 10px;
 border: 1px solid black;
 border-bottom: 0;
 &:last-of-type {
 border-bottom: 1px solid black;
}
 a {
 display: block;
 color: black;
 font-weight: bold;
}
}
dd {
	border-top: 0;
	font-size: 12px;
 &:last-of-type {
 border-top: 1px solid white;
 position: relative;
 top: -1px;
}
}
}
</style>
	</head>
	
	<body id="interna">
		<div id="container" class="zindex">
			<div class="header">
				<img src="../img/header.png" border="0" usemap="#Map" alt="Scotiabank">
				<map name="Map">
					<area shape="rect" coords="10,4,224,57" href="../index.html" alt="Consejos">
					<area shape="rect" coords="730,17,756,46" href="../index.html" alt="Consejos">
				</map>
			</div>
			<div class="image zindex">
				<img src="../photos/casa3.jpg" height="440" width="375" border="0" alt="Casa">
				<ul>
					<li>
						<div class="r-box p-bg">
							<div class="tit-banner">
								Consejos Relacionados
							</div>
							<!-- "previous slide" button --> 
							<a class="backward">back</a> 
							<!-- container for the slides -->
							<div id="galeria">
								<a href="mi_nueva_casa.html" class="sobre"><img src="../img/f-bgcasa1.png" alt="Mi nueva casa" border="0"></a> <a href="ahorrar_la_inicial.html"><img src="../img/f-bgcasa2.png" alt="Ahorrar la inicial" border="0"></a> <a href="mi_casa_de_playa_o_campo.html"><img src="../img/f-bgcasa4.png" alt="Mi casa de playa o campo" border="0"></a>
							</div>
							<!-- "next slide" button --> 
							<a class="forward">forward</a> 
							<!-- the tabs -->
							<div class="slidetabs">
								<a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a>
							</div>
						</div>
					</li>
					<li> <a href="../calculadora/hipotecario.html">
						<div class="r-box"  style="margin-left:-08px; padding-top:10px;">
							<h2>¿Podré pagarlo?</h2>
							<p>
								¿Podrás incluir todos los detalles?
							</p>
							<img class="b-rigt" style="right: 11px; bottom: 1px;" src="../img/calc.png" border="0" alt="Calc"> <img style="padding-top: 20px; float: left;" src="../img/btn-ingresar.png" border="0" alt="Ingresar">
						</div>
						</a> </li>
				</ul>
			</div>
			<div class="content">
				<div class="title">
					<h1><img src="../img/tit-casa3.png" width="360" height="90" border="0" alt="Ampliar o renovar"></h1>
				</div>
				<p class="bajada3">
					Es tu hogar. Quieres que sea como lo has soñado. Te ofrecemos unos consejos para hacerlo bien.
				</p>
				<br>
				<div style="overflow:auto; height:294px; padding-right:10px;">
					<dl class="accordion">
						<dt> <a href="">
							<p class="Texto_Titulo3">
								¿Puedo combinarlo con mi crédito hipotecario?
							</p>
							</a> </dt>
						<dd>
							<ul style="margin-left: 20px;" class="Texto_Normal">
								<p>
								<li> Si ya cancelaste tu hipoteca o has avanzado al menos con la mitad de los pagos, puedes solicitar una ampliación de ese crédito para modificar tu casa a tu gusto, el plazo para pagar esto será aquel que tienes pendiente de pagar en tu crédito original, en cuyo caso las cuotas se incrementarán. </li>
								</p>
								<p>
								<li> Sin embargo también puedes optar por ampliar el plazo, con lo cual, recibiendo el crédito para la ampliación, podrías terminar pagando lo mismo que venías pagando, pero por un lapso de tiempo mayor. </li>
								</p>
							</ul>
							<br>
						</dd>
						<dt> <a href="">
							<p class="Texto_Titulo3">
								Otras soluciones
							</p>
							</a> </dt>
						<dd>
							<p class="Texto_Normal">
								Te recomendamos soluciones adecuadas para alcanzar tus sueños:
							</p>
							<ul style="margin-left: 20px" class="Texto_Normal">
								<p>
								<li> <a href="http://www.scotiabank.com.pe/tarjetas/" target="_blank" class="link">Tarjetas de Crédito:</a> cuando son montos menores, como para la remodelación de un baño o un cuarto. </li>
								</p>
								<p>
								<li> <a href="http://www.scotiabank.com.pe/p_libre_dispo.html" target="_blank" class="link">Préstamo Personal:</a> para ampliaciones o renovaciones con montos más altos. </li>
								</p>
								<p>
								<li> <a href="http://www.scotiabank.com.pe/p_libre_hipo.html" target="_blank" class="link">Préstamo con Garantía Hipotecaria:</a> cuando necesitas montos más altos, para la remodelación o ampliación total de la casa. </li>
								</p>
							</ul>
							<br>
							<p class="Texto_Normal">
								Si necesitas más información no dudes en <a href="javascript:;" onclick="MM_openBrWindow('http://www.scotiabank.com.pe/forms/contactenos.aspx','contacto','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=688,height=500,top=100,left=125')" class="link">contactarnos</a>.
							</p>
							<div class="facebook">
								<script type="text/javascript">
									function dominio_base() {

										url_site = document.location.href

										return url_site;
									}

									var url = dominio_base().toString();
									document.write('<iframe src="//www.facebook.com/plugins/like.php?href=' + url + '&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:35px;" allowTransparency="true"></iframe>');
								</script>
							</div>
						</dd>
					</dl>
				</div>
			</div>
			<br>
			<div class="left-bar">
				<ul>
					<li style="margin-bottom:10px;"> </li>
					<li>
						<div class="r-box" id="div_r-box">
							<!--Consejos de la banca-->
						</div>
					</li>
					<li>
						<div class="r-box">
							<h2>Hacer más con mi dinero</h2>
							<p>
								Descubre las ventajas que <br>
								te da ser cliente del <br>
								Scotiabank
							</p>
							<table width="100%">
								<tr>
									<td height="15"></td>
								</tr>
								<tr valign="bottom">
									<td width="50%"><a target="_blank" href="http://www.scotiapuntos.com.pe/"><img src="../img/scotia-puntos.png" border="0" alt="Scotia puntos"></a></td>
									<td><a target="_blank" href="http://www.scotiabank.com.pe/clubsueldo/"><img  src="../img/clubsueldo.png" border="0" alt="Clubsueldo"></a></td>
								</tr>
							</table>
						</div>
					</li>
					<li>
						<div id="div_r-box4">
						</div>
					</li>
				</ul>
			</div>
			<div class="clear">
			</div>
			<div id="div_footer">
			</div>
		</div>
		<br clear="all">
		<script type="text/javascript" src="../js/myJQ.js"></script> 
		<script type="text/javascript" src="../js/rutas-adds.js"></script> 
		<script type="text/javascript" src="../js/jquery.utils.js"></script> 
		<script type="text/javascript">
			$(function() {
				value = $.cookie("visit");
				(value % 3) == 0 ? $(".sendMail").fadeIn(500) : $(".sendMail").fadeOut(300);
				if(value == "delete") {
					$(".sendMail").hide();
				}
				$("#galeria a").click(function() {
					var newValue = ++value;
					$.cookie("visit", newValue);

					//console.log(value);

				});

			});
		</script>
		<div class="sendMail" style="display:none;">
			<div class="bundle">
				<span id="closeForm"></span>
				<div class="close-message">
					<p style="padding-top:10px;">
						Si no desea ver éste mensaje haga click <a id="closeSendMail" href="#">aquí</a>
					</p>
					<p class="small">
						*Campos obligatorios
					</p>
				</div>
				<!--<iframe allowtransparency="true" scrolling="no" src="http://www.infomedicaperu.com/consejeriasbk_final3/formul_reg.aspx" frameborder="0" height="460" width="375"></iframe>-->
			</div>
		</div>
		<div class="tooltip">
			<div class="head-tool">
			</div>
			<p>
			</p>
			<div class="foot-tool">
			</div>
			<div class="arrow-tool">
			</div>
		</div>
		<script language="JavaScript" type="text/javascript" src="https://apps.scotiabank.com/inc/omnitureperu.js"></script>
	</body>
</html>